<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./Plantilla.xhtml" >


            <ui:define name="left">
               
            </ui:define>

            <ui:define name="right">
               
            </ui:define>

            <ui:define name="content">
               
            <p:panel header="ReservasOnline">
                <p:tabView >
                <p:tab title="Reservas">
                    
                    <h:form>
                    <h:panelGrid columns="2">
                        <p:selectOneRadio>
                            <f:selectItem itemLabel="Ida"/> 
                            <f:selectItem itemLabel="Ida y Regreso"/> 
                        </p:selectOneRadio>
                        </h:panelGrid>
                        <p:separator />
                        <h:panelGrid columns="8">
                            <h:outputLabel value="Ciudad Origen :"/> 
                            <p:selectOneMenu>
                                <f:selectItem itemLabel="Cartagena" itemValue="Cartagena"/> 
                                <f:selectItem itemLabel="Bogota" itemValue="Bogota"/> 
                            </p:selectOneMenu>
                            <h:outputLabel value="Fecha de Ida :"/>
                            <p:calendar/>
                             <p:commandButton id="showDialogButton" type="button" value="Disponibilidad" onclick="dlg.show()" >  
          
                            <p:dialog header="Fechas Disponibles" widgetVar="dlg" resizable="false">  
                             <h:form id="form">  
  
                           <h:panelGrid columns="2" style="margin-bottom:10px">  
                            <h:outputLabel for="firstname" value="Firstname:" />  
                            <p:inputText id="firstname" value="#{pprBean.firstname}" />  
                           </h:panelGrid>  
  
                   <p:commandButton id="submitButton" value="Submit" update="@form" oncomplete="dlg.hide();"/>  
              
                           </h:form>  
                            </p:dialog> 
                       </p:commandButton>          
                            <h:outputLabel value="Ciudad Destino :"/> 
                            <p:selectOneMenu>
                                <f:selectItem itemLabel="Cartagena" itemValue="Cartagena"/> 
                                <f:selectItem itemLabel="Bogota" itemValue="Bogota"/> 
                            </p:selectOneMenu>
                            
                            <h:outputLabel value="Fecha de Regreso :"/>
                            <p:calendar/>  
                            
                            <p:commandButton id="showDialogButton2" type="button" value="Disponibilidad" onclick="dlg.show()" >
                                     
          
                            <p:dialog header="Fechas Disponibles" widgetVar="dlg" resizable="false">  
                             <h:form id="form2">  
  
                           <h:panelGrid columns="2" style="margin-bottom:10px">  
                            <h:outputLabel for="firstname" value="Firstname:" />  
                             
                           </h:panelGrid>  
  
                   <p:commandButton id="submitButton2" value="cerrar" update="@form" oncomplete="dlg.hide();"/>  
              
                           </h:form>  
                            </p:dialog> 
                        </p:commandButton>
                        </h:panelGrid>
                        <p:separator/>
                        <h:panelGrid columns="4">
                            <h:outputLabel value="Cantidad de Pasajeros:"/>
                            <p:selectOneMenu>
                                <f:selectItem itemLabel="1" itemValue="1"/> 
                                <f:selectItem itemLabel="2" itemValue="2"/>
                                <f:selectItem itemLabel="3" itemValue="3"/>
                                <f:selectItem itemLabel="4" itemValue="4"/>
                                <f:selectItem itemLabel="5" itemValue="5"/>
                                <f:selectItem itemLabel="6" itemValue="6"/>
                                </p:selectOneMenu>
                            <h:outputLabel value="Tipo de Bus:"/>
                            <p:selectOneMenu >
                                <f:selectItems value="#{tipo_BusBean.listTipo_Bus}" var="bus" itemLabel="#{bus.tipo}"/>                                                                 
                                </p:selectOneMenu>
                        </h:panelGrid>
                        <p:separator/>                        
                            <p:commandButton value="Consultar" action="SeleccionViaje"/>                                                  
                     </h:form>   
                </p:tab>
                <p:tab title="Estado de tiquetes">
                    <h:form>
                    <h:panelGrid columns="2">
                    <h:outputLabel value="Nombre completo *:"/>
                    <p:inputText required="true"/>
                    <h:outputLabel value="Codigo de reserva o tiquete *:"/>
                    <p:inputText required="true"/>
                    <h:commandButton value="Consultar" action="ConsultaViajero"/>
                    </h:panelGrid>
                    <p:separator/>
                    <h:outputLabel value="los campos con asteriscos (*) son campos obligatorios"/>
                    </h:form>
            </p:tab>
                <p:tab title="Horarios">
                    <h:form>
                    <p:panel>
                    <p:commandLink style="margin-right:20px;">
                        <h:outputText value="Conaultar Horarios"/>
                    </p:commandLink>
                      </p:panel>
                        </h:form>
                </p:tab>
                <p:tab title="Imprimir Reserva">
                    <h:form>
                    <p:panel>
                        <h:panelGrid columns="2">    
                    <h:outputLabel value="Identificacion *:"/>
                    <p:inputText required="true"/>
                    <h:outputLabel value="Codigo de serverva o tiquete *:"/>
                    <p:inputText required="true"/>
                    <p:commandButton value="imprimir"/>
                    </h:panelGrid>
                    </p:panel>
                        </h:form>
                </p:tab>
            </p:tabView>
        </p:panel> 
          
            </ui:define>

        </ui:composition>

    </body>
</html>
